﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="hroom.aspx.cs" Inherits="联盟酒店.hroom" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
		#Hotrooms{
				width: 100%;
				margin: 0 auto;
				text-align: center;
			}
			#leixing{
				width: 1000px;
				text-align: center;
				margin: 0 auto;
			}
			#leixing li{
				border: 1px solid #DDDDDD;
				float: left;
				height: 50px;
				line-height: 50px;
				list-style: none;
				width: 150px;
			}
			#pages{
				
				width: 1200px;
				margin: 0 auto;
				height: 810px;
			}
			#pages li{
				
				
			    height: 350px;
				margin-top: 20px;
				
				list-style: none;
				float: left;
				width: 400px;
				text-align: center;
			}
                #pages li img {
					width:400px;
					height:200px
                }
			#pages li a{
				
				display:inline-block;
				text-decoration: none;
				width: 305px;
				color: white;
				background-color: #CC3499;
				border: solid #CC3499;
			}
	</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
					<div id="Hotrooms">
					<h3>
						SERVICE PROJECT
					</h3>
					<h2>
						[客房中心]
					</h2>
					&nbsp;</div>
				<div id="leixing">
					<ul>
						<li>豪华双人间</li>
						<li>豪华单人间</li>
						<li>标准双人间</li>
						<li>标准单人间</li>
						<li>特价房</li>
						<li>钟点房</li>
					</ul>
				</div>
				<div id="pages">
					<ui>
						<li><img src="img/豪华双人间.jpg" alt=""><p style="font-size: 20px;">豪华双人间</p><p style="color: #CC3499;">￥400</p><a href="Order.aspx?id=<%=1 %>">立即预定</a></li>
						<li><img src="img/豪华大床房.jpg" alt=""><p style="font-size: 20px;">豪华单人间</p><p style="color: #CC3499;">￥300</p><a href="Order.aspx?id=<%=2 %>">立即预定</a></li>
						<li><img src="img/标准双人间.jpg" alt=""><p style="font-size: 20px;">标准双人间</p><p style="color: #CC3499;">￥200</p><a href="Order.aspx?id=<%=3 %>">立即预定</a></li>
						<li><img src="img/标准大床房.jpg" alt=""><p style="font-size: 20px;">标准单人间</p><p style="color: #CC3499;">￥150</p><a href="Order.aspx?id=<%=4 %>">立即预定</a></li>
						<li><img src="img/钟点房.jfif" alt=""><p style="font-size: 20px;">钟点房</p><p style="color: #CC3499;">￥80</p><a href="Order.aspx?id=<%=5 %>">立即预定</a></li>
						<li><img src="img/特价房.jpg" alt=""><p style="font-size: 20px;">特价房</p><p style="color: #CC3499;">￥70</p><a href="Order.aspx?id=<%=6 %>">立即预定</a></li>--%>
					</ui>
				</div>
</asp:Content>
